<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.calorr{
				height: 400px;
				width: 400px;
				background-color: dimgrey;
			}
			.calorr1{
				height: 200px;
				width: 200px;
				background-color: yellowgreen;
			}
			
		</style>
	</head>
	<body>
		<img id="yuyu" src="img/list/1.jpg" >
		<button type="button" onclick="SCR();">改变</button><br/>
		<div id="Calor" class="calorr"></div>
		<button type="button" onclick="change();">变颜色</button>
		
			
		
	</body>
	<script type="text/javascript">
			
		function SCR(){
			var SCR1 = document.getElementById('yuyu');
			SCR1.src = "./img/list/2.jpg"
			
		}
			
		function change(){
			var SCR2 = document.getElementById('Calor')
			SCR2.className='calorr1';
		}
	</script>
</html>
